// house_pkg/pages/locate/index.ts
// 引入封装的地图位置插件
import qqmap from '../../../utils/qqmap'
Page({

  /**
   * 页面的初始数据
   */
  data: {

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {
    this.getlocation()
  },
  // 获取用户当前位置
  async getlocation() {
    // 调用getLocation获取当前的地理位置、速度
    // 获取用户当前位置的经纬度
    const { latitude, longitude } = await wx.getLocation()
    //  高频率调用会导致耗电，如有需要可使用持续定位接口 wx.onLocationChange监听实时地理位置变化事件
    //  基础库 2.17.0 版本起 wx.getLocation 增加调用频率限制
    this.getpoint(latitude, longitude)

  },
  //点击重新定位触发获取用户指定的地点位置
  async designatedspot() {
    // 点击获取用户指定位置经纬度
    const { latitude, longitude } = await wx.chooseLocation()
    // 给逆解析函数传入当前选择的经纬度
    this.getpoint(latitude, longitude)

  },
  // 使用插件的方法进行逆地址解析
  // 根据传入的经纬度转换为地址描述
  getpoint(latitude, longitude) {
    qqmap.reverseGeocoder({
      // 写入传入的经纬度
      location: {
        latitude,
        longitude
      },
      // 成功回调
      success: (res) => {
        console.log(res);
        // 获取到解析的地理位置赋值给data中的属性并且在页面渲染这个属性的属性值
        this.setData({
          address: res.result.address
        })
        // 在逆解析地址完成的回调函数中
        // 调用插件的search方法,获取到根据当前传入的经纬度搜索经纬度附近的小区
        qqmap.search({
          keyword: '小区',
          location: {
            latitude,
            longitude
          },
          success: result => {
            // 根据经纬度获取到的小区有很多我们不需要的数据
            // 而小程序中建议data中的数据和页面渲染的数据有直接的依赖
            // 没有用到的数据存放在data中会消耗性能
            // 所以我们需要对数据进行过滤
            this.setData(
              {
                // 这样给拿到的是undefined
                // Community: result.data.map(v => { v.id })
                //箭头函数的写法,()=>{}，如果直接写v=>{v:v.id} 
                // 那么就会将v=>{v:v.id} 那么函数体中是v:v.id所以是undefined
                // 会将{}当作箭头函数的大括号而不是对象的{}
                // 所以要用这种方式返回一个对象的话，要
                //result.data.map(v=>{return{v:v.id}} )
                //或是使用 result.data.map(v=>({v:v.id})) 就不需要写return
                community: result.data.map(v => ({ id: v.id, title: v.title }))
              }
            )
            console.log(this.data.community);
          }
        })

      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})